export default class Food{
    constructor(selector){
        this.map = document.querySelector(selector);    //食物要出现在地图上  
        this.x  = 0;      // 判断舌头和食物是否重叠的时候用到 
        this.y  = 0;  
        // 创建一个div标签
        this.food = document.createElement('div');
        this.food.className = 'food';
        // 父节点.appendChild(子节点)
        this.map.appendChild(this.food);


        this.changePos()

    }


    // 随机改变位置  

    // 随机数   Math.floor(Math.random()*范围数字的个数+第一个数)
   changePos(){
        const colNum = this.map.clientWidth / 20;  // 个数 
        const rowNum = this.map.clientHeight / 20; // 个数  

        const PostX = Math.floor(Math.random()*colNum) * 20 // 范围从0开始  
        const PostY = Math.floor(Math.random()*rowNum) * 20// 范围从0开始  

        // console.log(PostX,PostY);

        this.x = PostX;
        this.y = PostY;
        // 留给 判断舌是否吃了食物用  

        this.food.style.left = PostX + 'px';
        this.food.style.top = PostY + 'px';


   }

}